<form name="form" novalidate>
    <div class="modal-header">
        <h3>
            创建新专辑
            <a class="close" ng-click="close()">&times;</a>
        </h3>
    </div>
    <div class="modal-body">
        <div ng-if="message">
            <div class="alert alert-{{ message.type }}" role="alert">
                <i class="fa fa-info-circle" ng-if="message.type === 'info'"></i>
                <i class="fa fa-warning" ng-if="message.type !== 'info'"></i>
                {{ message.text }}
            </div>
        </div>
        <div class="form-group" ng-class="{ 'has-error': !form.name.$valid, 'has-success': form.name.$valid }">
            <div class="input-group">
                <span class="input-group-addon"><i class="fa fa-newspaper-o"></i></span>
                <input type="text" class="form-control" name="name" ng-model="albumData.name" placeholder="专辑名称" required>
            </div>
        </div>
        <div class="form-group" ng-class="{ 'has-error': !form.introduction.$valid }">
            <textarea class="form-control" name="introduction" ng-model="albumData.introduction" rows="10" placeholder="简单介绍 (500 字以内)" ng-maxlength="500"> </textarea>
        </div>
    </div>
    <div class="modal-footer">
        <button type="button" class="btn btn-sm" ng-click="close()">取消</button>
        <button class="btn btn-success btn-sm" busy="save()" busy-disabled="!form.$valid">创建</button>
    </div>
</form>